﻿@model TumbaloSoft.Helpers.QueryObjects.BusquedaObservacion
@{
    ViewBag.Title = "ConsultarObservacion";
    if (ViewBag.permiso == 3 || ViewBag.permiso == 0)
    {

        Layout = "~/Views/Shared/_AdministradorGeneralLayout.cshtml";

    }

    if (ViewBag.permiso == 2)
    {

        Layout = "~/Views/Shared/_AdministradorEdificiosLayout.cshtml";

    }
}

<script>
    $(document).ready(function () {
        var id = $("#id");

        function updateTips(t) {
            tips
                .text(t)
                .addClass("ui-state-highlight");
            setTimeout(function () {
                tips.removeClass("ui-state-highlight", 1500);
            }, 500);
        }

        $("#dialog-form").dialog({
            autoOpen: false,
            height: 600,
            width: 600,
            modal: true,
            buttons: {
                "Buscar": function () {
                    document.getElementById('busqueda').submit()
                    $(this).dialog("close");
                },
                Cancelar: function () {
                    $(this).dialog("close");
                }
            },
            close: function () {
                allFields.val("").removeClass("ui-state-error");
            }
        });

        $("#buscar")
            .button()
            .click(function () {
                $("#dialog-form").dialog("open");
            });
    });

</script>

<script>
    $(function () {
        $("#datepicker1").datepicker({
            changeMonth: true,
            changeYear: true, dateFormat: 'dd/mm/yy'
        });
    });
</script>

<script>
    $(function () {
        $("#datepicker2").datepicker({
            changeMonth: true,
            changeYear: true, dateFormat: 'dd/mm/yy'
        });
    });
</script>

<body>
<!-- content -->
    <div class="body2">
        <div class="main">
            <section id="content">
                <div class="wrapper">

                    <!-- Menu izquierda-->
                    <article class="col0">
                           <nav class="urbangreymenu">
                                <h3 class="headerbar">Observaciones</h3>
                                    <ul id="subMenu">
                                        <li><h5>@Html.ActionLink("Consultar Observaciones","ConsultarObservacion","Observacion")</h5></li>
                                    </ul>
                            </nav>
                    </article>

                    <article class="col5">
                        <div>&nbsp</div>
                    </article>
                    <!--BUSQUEDA-->

                        <div id="dialog-form" title="Consulta de Observacion">
                        <p class="validateTips">Ingrese Los criterios de Busqueda</p>

                        <form id="busqueda" method="get" action="/Observacion/ConsultarObservacion">
                                       	<div class="row">
                                
                                  
                                            <!--Estado-->
                                            <br> 
                                            <div class="row_select" style="margin-left: 5px; margin-top: -5px;">
                                            <span>Estado </span>
                                            <br> 
                                                <select name="prEstado" style="margin-left: 0px; width: 150px; height: 20px; border: 1px solid black">    
                                                    <option value="">-Todas las Observaciones-</option>                             
                                                    <option value="REGISTRADO">Registrado</option>
                                                    <option value="ATENDIDO">Atendido</option>
                                                </select>                                               
                                            </div>
                                            <br> 

                                            
									   </div>
                                       			
								   </form>
                        </div>          
                        <!--FIN BUSQUEDA-->

                    <article class="col1">
                    <!--Formulario -->
							<div class="pad2">
							    <h2 class="pad_bot1 pad_top1">Lista de Observaciones</h2>
									
                                <form id="ContactForm" method="post">
                                       	<div  class="wrapper">
                                            <br>
                                            <a id="buscar">Buscar</a>
											<br>
                                            <br>
                                            <table border ="0" id="indice">
                                                <tr>
                                                    <th>ID</th>
                                                    <th>Edificio</th>
                                                    <th>Fecha</th>    
                                                    <th>Solicitante</th>   
                                                    <th>Atender</th>
                                                </tr>
                                                <!--Aca lleno la lista de observaciones-->
                                                @foreach (var observacion in ViewBag.listaObservacion)
                                                {
                                                    <tr class="alt">
                                                        <td>@observacion.prIdObservacion</td>
                                                        <td>@observacion.prEdificioRegistro.prNombre</td>
                                                        <td>@observacion.prFechaRegistro.ToShortDateString()</td>    
                                                        @if (observacion.prEmpleadoRegistro.prIdEmpleado != 0)
                                                        {
                                                            <td>@observacion.prEmpleadoRegistro.prNombre @observacion.prEmpleadoRegistro.prApellidoPaterno</td>    
                                                        }  
                                                        else
                                                        {
                                                            <td>@observacion.prPropietarioRegistro.prNombre @observacion.prPropietarioRegistro.prApellidoPaterno</td>  
                                                        }                                                                                                                    
												        <td><a href="/Observacion/AtenderObservacion?id=@observacion.prIdObservacion"><img style="margin:0px auto;display:block" src="../Content/site/images/icono_seleccionar.png" /></a></td>   								
                                                    </tr>
                                                }
											</table>
                                           <!--	<br><span style="float : none"><a href="/Observacion/RegistrarObservacion" class="button">Agregar Nuevo</a></span> -->
										</div>						
                                </form>
                            </div>
							<br/>
                            <span style="float : none">
                                        @if(ViewBag.prevPage > 0){
                                            <a href="javascript:anteriorPagina()"><img src="../Content/site/images/icono_anterior.png" /></a> 
                                        }
                                        
                                        @if(ViewBag.nextPage <= ViewBag.numPages){
                                            <a href="javascript:siguientePagina()"><img src="../Content/site/images/icono_siguiente.png" /></a>
                                        }
							</span>
                    </article>
                    <!--Fin Formulario -->       
                </div>			
            </section>
        </div>
    </div>
      
    <!-- / content -->

    <script type="text/javascript"> Cufon.now(); </script>

</body>